*{
    margin: 0;
    padding: 0;
}

.topBar{
    display: none;
    z-index: 2;
    width: 100%;
    height: 70px;
position: fixed;
top: -50px;
transition: all 1s;
}
.topMenu{
    width: 100%;
    line-height: 20px;
    text-align: center;
    height: 20px;
    animation: bgcChange 2s infinite alternate;
    cursor: pointer;
    i{
        color: white;
        font-size: 20px;
        cursor: pointer;
    }
}
.menu{
    width: 100%;
    height: 50px;
    animation: bgcChange 2s infinite alternate;
    text-align: center;
}
.topMenuUl{
    width: 80%;
    height: 100%;
    text-align: center;
    margin: auto;
    list-style: none;
    li{
        font-size: 30px;
        width: 25%;
        text-align: center;
        float: left;
        color: rgb(255, 255, 255);
        transition: all 1s;
        cursor: pointer;
    }
    li:hover{
        background-color: rgba(255, 255, 255, 0.171);
        transition: all 1s;
    }
}

@keyframes bgcChange {
    0% {
      background-color: #364d79;
    }
    100%{
        background-color: rgb(50, 84, 235);
    }
  }

  .red{
      width: 100%;
      height: 2%;
  }

  .body{
      width: 80%;
      background-color: #364d79;
      height: 120%;
      margin: 0 auto;
  }


  .nzTopBarSelect:hover{
    background-color: rgba(255, 255, 255, 0.171);
    cursor: pointer;
    transition: all 1s;
  }
  @media screen and (min-width : 800px) {
      .text{
          font-size: 25px;
          height: 100%;
          line-height: 100%;
      }
  }
  @media screen and (max-width : 800px) {
    .text{
        display: none;
    }
}
